import {SideNavTabs} from 'components/SideNavbar'

import Bottom from './01_bottom/index'
import Color from './02_b_color/index'
import Width from './03_b_width/index'
import LeftRadius from './04_b_left_radius/index'
import RightRadius from './05_b_right_radius/index'
import Border from './06_border/index'

const __tabs = [{
  icon: 'target',
  component: Bottom
}, {
  icon: 'monitor',
  component: Color
}, {
  icon: 'calendar',
  component: Width
}, {
  icon: 'news',
  component: LeftRadius,
}, {
  icon: 'search',
  component: RightRadius
}, {
  icon: 'flow',
  component: Border
}]

export default function Animation() {
  return (
    <SideNavTabs tabs={__tabs} />
  ) 
}

